<!DOCTYPE html>
<body style="margin:20px; font:16px/1 Arial;">
<div style="width:200px; background:wheat;">
	<div id="d" style="position:relative; text-align:right; background:khaki; border:5px solid navy; padding:5px;">
		<span style="background:peru;">1111 1111 1111<br />1111 1111</span>
		<span style="position:absolute; left:0px; top:0px; background:gold;">TL</span>
		<span style="position:absolute; right:0px; top:0px; background:gold;">TR</span>
		<span style="position:absolute; left:0px; bottom:0px; background:gold;">BL</span>
		<span style="position:absolute; right:0px; bottom:0px; background:gold;">BR</span>
	</div>
</div>
<br />
<div style="width:200px; background:wheat;">
	<div id="d" style="position:relative; text-align:center; background:khaki; border:5px solid navy; padding:5px;">
		<span style="background:peru;">1111 1111 1111<br />1111 1111</span>
		<span style="position:absolute; left:0px; top:0px; background:gold;">TL</span>
		<span style="position:absolute; right:0px; top:0px; background:gold;">TR</span>
		<span style="position:absolute; left:0px; bottom:0px; background:gold;">BL</span>
		<span style="position:absolute; right:0px; bottom:0px; background:gold;">BR</span>
	</div>
</div>
<br />
<div style="width:200px; background:wheat;">
	<div id="d" style="position:relative; text-align:left; background:khaki; border:5px solid navy; padding:5px;">
		<span style="background:peru;">1111 1111 1111<br />1111 1111</span>
		<span style="position:absolute; left:0px; top:0px; background:gold;">TL</span>
		<span style="position:absolute; right:0px; top:0px; background:gold;">TR</span>
		<span style="position:absolute; left:0px; bottom:0px; background:gold;">BL</span>
		<span style="position:absolute; right:0px; bottom:0px; background:gold;">BR</span>
	</div>
</div>
</body>